@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}

* {
    font-size: 0;
}

.centont {
    padding-top: r(89px);
    padding-bottom: r(96px);
    //  轮播图
    .img_lg {
        position: relative;
        .shaded_img {
            width: 100%;
            height: r(357px);
            img {
                width: 100%;
                height: 100%;
            }
        }
        .shaded {
            height: r(107px);
            width: 100%;
            background-color: #6d6d6d;
            opacity: 0.9;
            position: absolute;
            bottom: 0;
            padding: r(19px) r(30px) r(24px) r(30px);
            .shaded_box {
                p {
                    font-size: r(27px);
                    color: white;
                }
            }
            .shaded_box2 {
                display: flex;
                >div:first-child {
                    display: flex;
                    align-items: center;
                    img {
                        width: r(24px);
                        height: r(24px);
                    }
                    span {
                        font-size: r(16px);
                        color: white;
                    }
                }
                >div:last-child {
                    display: flex;
                    justify-content: space-between;
                    display: flex;
                    align-items: center;
                    padding-left: r(29px);
                    img {
                        width: r(20px);
                        height: r(24px);
                    }
                    span {
                        font-size: r(16px);
                        color: white;
                    }
                }
            }
        }
    }
    hr {
        height: r(25px);
        border: none;
        background-color: #f5f5f5;
    }
    .apply {
        padding: r(23px) r(27px) r(26px) r(27px);
        >div:first-child {
            .up {
                display: flex;
                justify-content: space-between;
                align-items: center;
                >li:first-child {
                    display: flex;
                    align-items: flex-end;
                    >div:first-child {
                        width: r(58px);
                        height: r(58px);
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    >div:last-child {
                        padding-left: r(17px);
                        >p:first-child {
                            font-size: r(28px);
                            color: #c5c5c5;
                        }
                        >p:last-child {
                            font-size: r(18px);
                            color: #c5c5c5;
                        }
                    }
                }
                >li:last-child {
                    >a {
                        button {
                            width: r(228px);
                            height: r(58px);
                            background-color: #b20000;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            span {
                                font-size: r(28px);
                                color: white;
                                padding-right: r(15px);
                            }
                            img {
                                width: r(30px);
                                height: r(30px);
                            }
                        }
                    }
                }
            }
            .down {
                display: flex;
                justify-content: space-between;
                align-items: baseline;
                padding-top: r(14px);
                padding-bottom: r(9px);
                border-bottom: 1px solid #e2e2e2;
                >li:first-child {
                    span {
                        font-size: r(25px);
                    }
                }
                >li:last-child {
                    span {
                        font-size: r(16px);
                    }
                }
            }
        }
        >div:last-child {
            width: r(585px);
            height: r(432px);
            padding-top: r(17px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .apply2 {
        padding: r(23px) r(27px) r(26px) r(27px);
        >div:first-child {
            .up {
                display: flex;
                justify-content: space-between;
                align-items: center;
                >li:first-child {
                    display: flex;
                    align-items: flex-end;
                    >div:first-child {
                        width: r(58px);
                        height: r(58px);
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    >div:last-child {
                        padding-left: r(17px);
                        >p:first-child {
                            font-size: r(28px);
                            color: #c5c5c5;
                        }
                        >p:last-child {
                            font-size: r(18px);
                            color: #c5c5c5;
                        }
                    }
                }
                >li:last-child {
                    >a {
                        button {
                            width: r(228px);
                            height: r(58px);
                            background-color: #b20000;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            span {
                                font-size: r(28px);
                                color: white;
                                padding-right: r(15px);
                            }
                            img {
                                width: r(30px);
                                height: r(30px);
                            }
                        }
                    }
                }
            }
            .down {
                display: flex;
                justify-content: space-between;
                align-items: baseline;
                padding-top: r(14px);
                padding-bottom: r(9px);
                border-bottom: 1px solid #e2e2e2;
                >li:first-child {
                    span {
                        font-size: r(25px);
                    }
                }
                >li:last-child {
                    span {
                        font-size: r(16px);
                    }
                }
            }
        }
        >div:last-child {
            width: r(585px);
            height: r(432px);
            padding-top: r(17px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .apply3 {
        padding: r(23px) r(27px) r(26px) r(27px);
        >div:first-child {
            .up {
                display: flex;
                justify-content: space-between;
                align-items: center;
                >li:first-child {
                    display: flex;
                    align-items: flex-end;
                    >div:first-child {
                        width: r(58px);
                        height: r(58px);
                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }
                    >div:last-child {
                        padding-left: r(17px);
                        >p:first-child {
                            font-size: r(28px);
                            color: #c5c5c5;
                        }
                        >p:last-child {
                            font-size: r(18px);
                            color: #c5c5c5;
                        }
                    }
                }
                >li:last-child {
                    >a {
                        button {
                            width: r(228px);
                            height: r(58px);
                            background-color: #b20000;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            span {
                                font-size: r(28px);
                                color: white;
                                padding-right: r(15px);
                            }
                            img {
                                width: r(30px);
                                height: r(30px);
                            }
                        }
                    }
                }
            }
            .down {
                display: flex;
                justify-content: space-between;
                align-items: baseline;
                padding-top: r(14px);
                padding-bottom: r(9px);
                border-bottom: 1px solid #e2e2e2;
                >li:first-child {
                    span {
                        font-size: r(25px);
                    }
                }
                >li:last-child {
                    span {
                        font-size: r(16px);
                    }
                }
            }
        }
        >div:last-child {
            width: r(585px);
            height: r(432px);
            padding-top: r(17px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
    }
}